<template>
    <ul class="wioc-list-menus">
        <router-link tag="li" :to="item.url" :key="'t'+index" v-for="(item,index) in menulist" @click="select(item)">
           <wioc-icon-svg :name="item.icon" ></wioc-icon-svg>
           <h3>{{item.name}}</h3>
        </router-link>
    </ul>
</template>


<script>
    export default {
        name:"wioc-list-menus",
        components:{

        },
        data(){
            return{
            }
        },
        props:{
            menulist:Array,
        },
		methods:{
			select(item,index){
			    this.$emit('select',item)
			}
			
		}
    }

</script>

<style lang="less" scoped>
.wioc-list-menus{
        display: flex;
        justify-content: space-between;
        flex-wrap:wrap;
        li{
            width: 50%;
            box-sizing: border-box;
            padding-left: 0.2rem;
            cursor: pointer;
			font-size:0;
            .icon-svg{
                width: 0.18rem;
                height:0.18rem;
                line-height: 0.42rem;
                vertical-align: middle;
				margin-top: -0.04rem;

            }
            h3{
              display: inline-block;
              margin-left: 0.01rem;
              font-size: 0.14rem;
              line-height: 0.42rem;
              font-weight: normal;
              color:#595959;
            }

        }
    }

</style>
